<%@ page language="java" isELIgnored="false" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<jsp:directive.include file="/WEB-INF/sitemesh-decorators/include.jsp" />

<html>
<body>
   <script type="text/javascript">
				$(document).ready(function() {
					var theme = getTheme();
					// Create jqxTree
					$('#jqxTree').jqxTree({
						theme : theme
					});
					// Create jqxExpander
					$('#jqxExpander').jqxExpander({
						showArrow : false,
						toggleMode : 'none',
						width : '280px',
						height : 'auto',
						theme : theme
					});
				});
			</script>
   <div id="conten_login">
      <div id="con_left">
         <div class="box_con_con">
            <div class="div_h3">
               <h3>Workspaces</h3>
            </div>
            <div class="defaute">

               <div id='jqxWidget2'>
                  <div id='jqxExpander'>
                     <div id='jqxTree' style="background: #FFFFFF; border: none;">
                        <ul>
                           <li item-expanded='true'><img style='float: left; margin-right: 3px;'
                              src="images/folder.png" /><span item-title="true">Workspaces</span>
                              <ul>
                                 <li><img style='float: left; margin-right: 3px;' src="images/icon_cube.png"
                                    width="16" height="16" /><span item-title="true"> <span>Darksoulfire</span></span>
                                    <ul>
                                       <li><img style='float: left; margin-right: 3px;' src="images/people.png"
                                          width="16" height="16" /><span item-title="true">People</span>
                                          <ul>
                                             <li><img style='float: left; margin-right: 3px;'
                                                src="images/default_profile.png" width="16" height="16" /><span
                                                item-title="true">Loc Nguyen</span></li>
                                             <li><img style='float: left; margin-right: 3px;'
                                                src="images/default_profile.png" width="16" height="16" /><span
                                                item-title="true">Corporate</span></li>
                                          </ul></li>
                                       <li><img style='float: left; margin-right: 3px;' src='images/folder.png' /><span
                                          item-title="true">Documents</span>
                                          <ul>
                                             <li><img style='float: left; margin-right: 3px;'
                                                src="images/folder.png" width="16" height="16" /><span
                                                item-title="true">Comment At..</span>
                                                <ul>
                                                   <li><img style='float: left; margin-right: 3px;'
                                                      src="images/folder.png" width="16" height="16" /><span
                                                      item-title="true">Loc Nguyen</span></li>
                                                </ul></li>
                                             <li><img style='float: left; margin-right: 3px;'
                                                src="images/folder.png" width="16" height="16" /><span
                                                item-title="true">Folder 1</span></li>
                                          </ul></li>
                                       <li><img style='float: left; margin-right: 3px;' src="images/process.png"
                                          width="16" height="16" /><span item-title="true">Tasks</span></li>
                                       <li><img style='float: left; margin-right: 3px;'
                                          src="images/calendarIcon.png" width="16" height="16" /><span
                                          item-title="true">Calender</span></li>
                                       <li><img style='float: left; margin-right: 3px;' src="images/discussion.png"
                                          width="16" height="16" /><span item-title="true">Discussion</span></li>
                                    </ul></li>
                                 <li><img style='float: left; margin-right: 3px;' src="images/icon_cube.png"
                                    width="16" height="16" /><span item-title="true"> <span>Test 1</span></span>
                                    <ul>
                                       <li><img style='float: left; margin-right: 3px;' src="images/people.png"
                                          width="16" height="16" /><span item-title="true">People</span>
                                          <ul>
                                             <li><img style='float: left; margin-right: 3px;'
                                                src="images/default_profile.png" width="16" height="16" /><span
                                                item-title="true">Loc Nguyen</span></li>
                                             <li><img style='float: left; margin-right: 3px;'
                                                src="images/default_profile.png" width="16" height="16" /><span
                                                item-title="true">Corporate</span></li>
                                          </ul></li>
                                       <li><img style='float: left; margin-right: 3px;' src='images/folder.png' /><span
                                          item-title="true">Documents</span>
                                          <ul>
                                             <li><img style='float: left; margin-right: 3px;'
                                                src="images/folder.png" width="16" height="16" /><span
                                                item-title="true">Comment At..</span>
                                                <ul>
                                                   <li><img style='float: left; margin-right: 3px;'
                                                      src="images/folder.png" width="16" height="16" /><span
                                                      item-title="true">Loc Nguyen</span></li>
                                                </ul></li>
                                             <li><img style='float: left; margin-right: 3px;'
                                                src="images/folder.png" width="16" height="16" /><span
                                                item-title="true">Folder 1</span></li>
                                          </ul></li>
                                       <li><img style='float: left; margin-right: 3px;' src="images/process.png"
                                          width="16" height="16" /><span item-title="true">Tasks</span></li>
                                       <li><img style='float: left; margin-right: 3px;'
                                          src="images/calendarIcon.png" width="16" height="16" /><span
                                          item-title="true">Calender</span></li>
                                       <li><img style='float: left; margin-right: 3px;' src="images/discussion.png"
                                          width="16" height="16" /><span item-title="true">Discussion</span></li>
                                    </ul></li>
                              </ul></li>
                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <div id="con_right">
         <div class="box_con_con" style="float: right;">
            <div class="div_h3">
               <font style="margin-left: 10px; font-weight: bold; color: #FFFFFF;">Latest Activity</font> <input
                  type="button" name="b1" value="RSS" class="a_h3" style="cursor: pointer;"> <select
                  name="select" style="float: right; width: 120px; margin-top: 8px; margin-right: 10px;">
                  <option>Time</option>
                  <option>workspaces</option>
               </select> <span style="color: #FFFFFF; font-weight: bold; float: right; margin-right: 6px;">View:</span>
            </div>
            <div class="con_data">
               <div class="line">
                  <div class="L0">
                     <img src="images/process.png" width="20" height="20" style="border: none; padding-top: 4px;" />
                  </div>
                  <div class="L1">
                     Task <a href="#" style="color: #1A79B3">title</a> has been added
                  </div>
                  <div class="L2">
                     <a href="#" style="color: #1A79B3; text-decoration: underline;">darksoulfire</a>
                  </div>
                  <div class="L3">2 day ago by Loc Nguyen</div>
                  <div class="L4">
                     <a href="#" style="color: #1A79B3; text-decoration: underline;">0</a>
                  </div>
                  <div class="L5">
                     <a href="#"> <img src="images/anne.png" width="30" height="30" style="border: none;" /></a>
                  </div>
               </div>
               <div class="line">
                  <div class="L0">
                     <img src="images/icon_cube.png" width="20" height="20" style="border: none; padding-top: 4px;" />
                  </div>
                  <div class="L1">
                     Task <a href="#" style="color: #1A79B3">title</a> has been added
                  </div>
                  <div class="L2">
                     <a href="#" style="color: #1A79B3; text-decoration: underline;">darksoulfire</a>
                  </div>
                  <div class="L3">2 day ago by Loc Nguyen</div>
                  <div class="L4">
                     <a href="#" style="color: #1A79B3; text-decoration: underline;">0</a>
                  </div>
                  <div class="L5">
                     <a href="#"> <img src="images/anne.png" width="30" height="30" style="border: none;" /></a>
                  </div>
               </div>
               <div class="line">
                  <div class="L0">
                     <img src="images/people.png" width="20" height="20" style="border: none; padding-top: 4px;" />
                  </div>
                  <div class="L1">
                     Task <a href="#" style="color: #1A79B3">title</a> has been added
                  </div>
                  <div class="L2">
                     <a href="#" style="color: #1A79B3; text-decoration: underline;">darksoulfire</a>
                  </div>
                  <div class="L3">2 day ago by Loc Nguyen</div>
                  <div class="L4">
                     <a href="#" style="color: #1A79B3; text-decoration: underline;">0</a>
                  </div>
                  <div class="L5">
                     <a href="#"> <img src="images/anne.png" width="30" height="30" style="border: none;" /></a>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</body>
</html>